
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<!DOCTYPE html>
<html>
<head>
	<base href="<%= basePath%>">

	<meta charset="UTF-8">

<link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />

<link href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
<script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>

<%--jquery.bs_pagination分页插件包引入--%>
	<link rel="stylesheet" type="text/css" href="jquery/bs_pagination/jquery.bs_pagination.min.css">
	<script type="text/javascript" src="jquery/bs_pagination/jquery.bs_pagination.min.js"></script>
	<script type="text/javascript" src="jquery/bs_pagination/en.js"></script>

<script type="text/javascript">

	$(function(){

        $(".time").datetimepicker({
            minView:"month",
            language:"zh-CN",
            format: "yyyy-mm-dd",
            autoclose: true,
            todayBtn: true,
            pickerPosition: "bottom-left"
        });

		$("#updateBtn").click(function () {
			$(".time").datetimepicker({
				minView:"month",
				language:"zh-CN",
				format: "yyyy-mm-dd",
				autoclose: true,
				todayBtn: true,
				pickerPosition: "bottom-left"
			});
			$.ajax({
				url: 'workbench/activity/indexSelect.do',
				type:'get' ,
				dataType: 'json',
				success: function (data){
					var html = "";
					$.each(data,function (i,n){
						html += "<option value='"+n.id+"'>"+n.name+"</option>"
					})
					$("#update-owner"). html(html)

				}
			})
		});

		
		$("#addBtn").click(function (){

			$(".time").datetimepicker({
				minView:"month",
				language:"zh-CN",
				format: "yyyy-mm-dd",
				autoclose: true,
				todayBtn: true,
				pickerPosition: "bottom-left"
			});

			$.ajax({
				url: 'workbench/activity/indexSelect.do',
				type:'get' ,
				dataType: 'json',
				success: function (data){
					var html = "";
					$.each(data,function (i,n){
						html += "<option value='"+n.id+"'>"+n.name+"</option>"
					})
					$("#create-owner"). html(html);

					var id = "${sessionScope.sessionUser.id}";

					$("#create-owner").val(id);
					$("#createActivityModal").modal("show");
				}
			})
		})

	//	给保存按钮添加点击事件
		$("#saveBtn").click(function (){

			var regExp = /^([1-9]\d*|0)$/
			 if ($.trim($("#create-owner").val())==""){
				alert("所有者不能为空");
				 $("#createActivityModal").modal("show");
				 return;
			}
			 if ($.trim($("#create-name").val())=="") {
				alert("名称不能为空");
				 $("#createActivityModal").modal("show");
				 return;
			}
			 if ($.trim($("#create-startDate").val())!="" && $.trim($("#create-endDate").val())!=""){
			if ($.trim($("#create-endDate").val())<$.trim($("#create-startDate").val())){
				alert("结束日期不能比开始日期小。。。");
				$("#createActivityModal").modal("show");
				return;
			}
			}
			 if (regExp.test($.trim($("#create-cost").val()))==false){
				 alert("金额必须为正数");
				 $("#createActivityModal").modal("show");
				 return;
			 }
				$.ajax({
					url:"workbench/activity/saveCreateActivity.do",
					type: "post",
					dataType: "json",
					data: {
						"owner": $.trim($("#create-owner").val()),
						"name":$.trim($("#create-name").val()),
						"startdate":$.trim($("#create-startDate").val()),
						"enddate":$.trim($("#create-endDate").val()),
						"cost":$.trim($("#create-cost").val()),
						"description":$.trim($("#create-description").val())
					},
					success:function (data){
						if (data.code=="1"){
							$("#activityAddForm")[0].reset()
                            queryActivityByConditionForPage(1,$("#demo_page1").bs_pagination('getOption','rowsPerPage'));
							alert(data.message);
                            $("#createActivityModal").modal("hide");

                        }else {
							alert(data.message);
							$("#createActivityModal").modal("show");
						}
					}
				})
		})


		queryActivityByConditionForPage(1,10);


	//	给查询按钮添加单击事件
		$("#searchBtn").click(function (){
			queryActivityByConditionForPage(1,$("#demo_page1").bs_pagination('getOption','rowsPerPage'));
		});


	//	给全选按钮添加点击事件
		$("#checkAll").click(function () {
			if(this.checked==true){
				$("#activityBody input[type='checkbox']").prop("checked",true);
			}else {
				$("#activityBody input[type='checkbox']").prop("checked",false);

			}
		});

		// $("#activityBody input[type='checkbox']").click(function () {
		// 	if($("#activityBody input[type='checkbox']").size()==$("#activityBody input[type='checkbox']:checked").size())
		// 	{
		// 		$("#checkAll").prop("checked",true);
		// 	}else {
		// 		$("#checkAll").prop("checked",false);
		// 	}
		// });

		//判断是否全选
		$("#activityBody").on("click","input[type='checkbox']",function () {
			if($("#activityBody input[type='checkbox']").size()==$("#activityBody input[type='checkbox']:checked").size())
						{
							$("#checkAll").prop("checked",true);
						}else {
							$("#checkAll").prop("checked",false);
						}
		})


		//给删除按钮添加点击事件
		$("#deleteBtn").click(function () {
			var checkedIds = $("#activityBody input[type='checkbox']:checked");
			if(checkedIds.size()==0){
				alert("请选择要删除的市场活动");
				return;
			}
			if(window.confirm("您确定要删除吗？")){
				var ids ="";
				$.each(checkedIds,function (index,obj) {
					if( index<(checkedIds.size()-1)) {
						ids += "id=" + this.value + "&";
					}else {
						ids +="id="+this.value;

					}
				})
				$.ajax({
					url:"workbench/activity/deleteActivityByIds.do",
					data:ids,
					dataType:"json",
					type:"post",
					success:function (data) {
						if (data.code=="1"){
							$("#checkAll").prop("checked",false);
							queryActivityByConditionForPage(1,$("#demo_page1").bs_pagination('getOption','rowsPerPage'));
							alert(data.message);
						}else {
							$("#checkAll").prop("checked",false);
							alert(data.message);
						}
					}
				});
			}
		});


	//	给修改按钮添加点击事件
		$("#updateBtn").click(function () {
			if($("#activityBody input[type='checkbox']:checked").size()>1){
				alert("每次只可指定一个活动进行修改");
				return;
			}
			if ($("#activityBody input[type='checkbox']:checked").size()==0){
				alert("请选择要修改的市场活动");
				return;
			}
			var id = $("#activityBody input[type='checkbox']:checked").val();
			$.ajax({
				url:"workbench/activity/selectActivityById.do",
				data:{
					id:id
				},
				dataType:"json",
				type:"post",
				success:function (data) {
                 $("#edit-id").val(data.activity.id);
                 $("#update-owner").val(data.activity.owner);
                 $("#edit-name").val(data.activity.name);
                 $("#edit-startDate").val(data.activity.startdate);
                 $("#edit-endDate").val(data.activity.enddate);
                 $("#edit-cost").val(data.activity.cost);
                 $("#edit-description").val(data.activity.description);
                 $("#editActivityModal").modal("show");
				}
			});
		});

		//给跟新按钮添加点击事件
		$("#update-btn").click(function () {
			var regExp = /^([1-9]\d*|0)$/
			if ($.trim($("#update-owner").val())==""){
				alert("所有者不能为空");
				return;
			}
			if ($.trim($("#edit-name").val())=="") {
				alert("名称不能为空");
				return;
			}
			if ($.trim($("#edit-startDate").val())!="" && $.trim($("#edit-endDate").val())!=""){
				if ($.trim($("#edit-endDate").val())<$.trim($("#edit-startDate").val())){
					alert("结束日期不能比开始日期小。。。");
					return;
				}
			}
			if (regExp.test($.trim($("#edit-cost").val()))==false){
				alert("金额必须为正数");
				return;
			}
			$.ajax({
				url:"workbench/activity/updateActivityByIds.do",
				data:{
					"id":$("#edit-id").val(),
					"owner": $.trim($("#update-owner").val()),
					"name":$.trim($("#edit-name").val()),
					"startdate":$.trim($("#edit-startDate").val()),
					"enddate":$.trim($("#edit-endDate").val()),
					"cost":$.trim($("#edit-cost").val()),
					"description":$.trim($("#edit-description").val()),
				},
				type:"post",
				dataType:"json",
				success:function (data) {
					if (data.code=="1"){
						alert(data.message);
						$("#editActivityModal").modal("hide");
						queryActivityByConditionForPage($("#demo_page1").bs_pagination('getOption','currentPage'),$("#demo_page1").bs_pagination('getOption','rowsPerPage'));
					}else {
						alert(data.message);
						$("#editActivityModal").modal("show");
						return;
					}
				}
			})
		});

	//	给批量导出按钮添加单击事件
		$("#exportActivityAllBtn").click(function (){
			window.location.href="workbench/activity/exportAllActivity.do";
		});


		//给导出选中活动按钮添加点击事件(有个问题没解决，后台获取前端选中的活动id比前端打印出来的id少一个，当只选中一个活动导出时，会出现空指针异常)
		$("#exportActivityCheckedBtn").click(function () {
			if ($("#activityBody input[type='checkbox']:checked").size()==0){
				alert("请选择要导出的市场活动");
				return;
			}
			var checkedIds = $("#activityBody input[type='checkbox']:checked");

			var ids ="";
			$.each(checkedIds,function (index,obj) {
				if( index<(checkedIds.size()-1)) {
					ids += "id=" + this.value + "&";
				}else {
					ids +="id="+this.value;

				}
			})
			alert(ids);
			window.location.href = "workbench/activity/exportCheckedActivity.do?id = "+ids;
		});

		$("#uploadBtn").click(function () {
			$("#importActivityModal").modal("show");
		});

	//	给导入按钮添加点击事件
		$("#importActivityBtn").click(function () {
			var activityFileName = $("#activityFile").val();
			var suffix = activityFileName.substr(activityFileName.lastIndexOf(".")+1).toLocaleLowerCase();
			if(suffix!="xls"){
				alert("只支持xls文件")
				return;
			}
			var activityFile = $("#activityFile")[0].files[0];
			if(activityFile.size>5*1024*1024){
				alert("文件大小不能超过5MB")
				return;
			}

			//FormData是ajax提供的接口，可以模拟键值对向后台提交参数
			var formData = new FormData();
                formData.append("activityFile",activityFile);
			$.ajax({
				url:"workbench/activity/insertActivityByList.do",
				processData: false,
				contentType:false,
				type:"post",
				dataType:"json",
				data:formData,
				success:function (data) {
					if (data.code=="1"){
						alert("成功导入"+data.retData+"条数据");
						$("#importActivityModal").modal("hide");
						queryActivityByConditionForPage(1,$("#demo_page1").bs_pagination('getOption','rowsPerPage'));
					}else {
						alert(data.message);
						$("#importActivityModal").modal("show");
					}
				}
			})
		});


	});




	//按条件分页查询活动
  function queryActivityByConditionForPage(pageNo,pageSize) {
	  //查询活动内容
	  var name = $("#search-name").val();
	  var owner = $("#search-owner").val();
	  var startDate = $("#search-startDate").val();
	  var endDate = $("#search-endDate").val();
	  // var pageNo = 1;
	  // var pageSize = 10;

	  $.ajax({
		  url:'workbench/activity/selectActivity.do',
		  data:{
			  name:name,
			  owner:owner,
			  startdate:startDate,
			  enddate:endDate,
			  beginNo:pageNo,
			  pageSize:pageSize
		  },
		  type:'get',
		  dataType:'json',
		  success:function (data) {
			  // $("#totalRows").html(data.total);
			  var htmlStr = "";
			  $.each(data.activityList,function (index,obj) {
				  htmlStr += "<tr class=\"active\">";
				  htmlStr +="<td><input type=\"checkbox\" value=\""+obj.id+"\" /></td>";
				  htmlStr +="<td><a style=\"text-decoration: none; cursor: pointer;\" onclick=\"window.location.href='workbench/activity/activityDetail.do?id="+obj.id+"'\">"+obj.name+"</a></td>";
				  htmlStr +="<td>"+obj.owner+"</td>";
				  htmlStr +="<td>"+obj.startdate+"</td>";
				  htmlStr +="<td>"+obj.enddate+"</td>";
				  htmlStr +="</tr>";
			  })
			  $("#activityBody").html(htmlStr);

              var totalPages = 1;
              if(data.total%pageSize==0){
                  totalPages = data.total/pageSize;
              }else {
                  // 如果是小数，则调用parseInt()函数取整数部分
                  totalPages = parseInt((data.total/pageSize)+1);
              };
              //对容器调用bs_pagination工具函数显示翻页信息
              $("#demo_page1").bs_pagination({
                  currentPage:pageNo,//当前页，相当于分页查询的pageNo(调用queryActivityByConditionForPage(pageNo,pageSize)函数把形参传过来)
                  totalRows:data.total,//总条数
                  rowsPerPage:pageSize,//每页显示的条数，相当于pageSize
                  totalPages: totalPages,//总页数，必填参数（等于总条数totalRows/每页显示条数rowsPerPage）
                  visiblePageLinks: 10,//设置最多可以显示多少卡片数
                  showGoToPage: true,//是否显示“跳转”部分，默认true--显示
                  showRowsPerPage: true,//是否显示“每页条数”部分，默认true--显示
                  showRowsInfo: true,//是否显示记录的信息 。默认true--显示
                  showRowsDefaultInfo: true,
                  /**
                   * 用户每次切换页号，都自动触发该函数
                   * 每次返回切换页号之后的pageNo和pageSize
                   */
                  onChangePage: function(event,pageObj) { // returns page_num and rows_per_page after a link has clicked
                      //js代码  queryActivityByConditionForPage(pageNo,pageSize)
					  $("#checkAll").prop("checked",false);
                      queryActivityByConditionForPage(pageObj.currentPage,pageObj.rowsPerPage)
                  },

              });
		  }
	  });
  }




</script>
</head>
<body>

	<!-- 创建市场活动的模态窗口 -->
	<div class="modal fade" id="createActivityModal" role="dialog">
		<div class="modal-dialog" role="document" style="width: 85%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="myModalLabel1">创建市场活动</h4>
				</div>
				<div class="modal-body">
				
					<form id="activityAddForm" class="form-horizontal" role="form">
					
						<div class="form-group">
							<label for="create-marketActivityOwner" class="col-sm-2 control-label">所有者<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="create-owner">

								</select>
							</div>
                            <label for="create-marketActivityName" class="col-sm-2 control-label">名称<span style="font-size: 15px; color: red;">*</span></label>
                            <div class="col-sm-10" style="width: 300px;">
                                <input type="text" class="form-control" id="create-name">
                            </div>
						</div>
						
						<div class="form-group">
							<label for="create-startTime" class="col-sm-2 control-label">开始日期</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control time" readonly="readonly"  id="create-startDate">
							</div>
							<label for="create-endTime" class="col-sm-2 control-label">结束日期</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control time" readonly="readonly" id="create-endDate">
							</div>
						</div>
                        <div class="form-group">

                            <label for="create-cost" class="col-sm-2 control-label">成本</label>
                            <div class="col-sm-10" style="width: 300px;">
                                <input type="text" class="form-control" id="create-cost">
                            </div>
                        </div>
						<div class="form-group">
							<label for="create-describe" class="col-sm-2 control-label">描述</label>
							<div class="col-sm-10" style="width: 81%;">
								<textarea class="form-control" rows="3" id="create-description"></textarea>
							</div>
						</div>
						
					</form>
					
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="saveBtn" >保存</button>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 修改市场活动的模态窗口 -->
	<div class="modal fade" id="editActivityModal" role="dialog">
		<div class="modal-dialog" role="document" style="width: 85%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="myModalLabel2">修改市场活动</h4>
				</div>
				<div class="modal-body">
				
					<form class="form-horizontal" role="form">
					
						<div class="form-group">
							<input type="hidden" id="edit-id">
							<label for="update-owner" class="col-sm-2 control-label">所有者<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="update-owner">

								</select>
							</div>
                            <label for="edit-name" class="col-sm-2 control-label">名称<span style="font-size: 15px; color: red;">*</span></label>
                            <div class="col-sm-10" style="width: 300px;">
                                <input type="text" class="form-control" id="edit-name" value="发传单">
                            </div>
						</div>

						<div class="form-group">
							<label for="edit-startTime" class="col-sm-2 control-label ">开始日期</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control time" readonly="readonly" id="edit-startDate" value="2020-10-10">
							</div>
							<label for="edit-endTime" class="col-sm-2 control-label">结束日期</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control time" readonly="readonly" id="edit-endDate" value="2020-10-20">
							</div>
						</div>
						
						<div class="form-group">
							<label for="edit-cost" class="col-sm-2 control-label">成本</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-cost" value="5,000">
							</div>
						</div>
						
						<div class="form-group">
							<label for="edit-description" class="col-sm-2 control-label">描述</label>
							<div class="col-sm-10" style="width: 81%;">
								<textarea class="form-control" rows="3" id="edit-description">市场活动Marketing，是指品牌主办或参与的展览会议与公关市场活动，包括自行主办的各类研讨会、客户交流会、演示会、新产品发布会、体验会、答谢会、年会和出席参加并布展或演讲的展览会、研讨会、行业交流会、颁奖典礼等</textarea>
							</div>
						</div>
						
					</form>
					
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="update-btn" >更新</button>
				</div>
			</div>
		</div>
	</div>


<%--	导入市场模态窗口--%>
	<div class="modal fade" id="importActivityModal">
		<div class="modal-body" style="background-color: white">
			<div>
				请选择要上传的文件：<small>[仅支持.xls]</small>
			</div>
			<div>
				<input type="file" id="activityFile">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" id="importActivityBtn" class="btn btn-primary">导入</button>
			</div>
		</div>

	</div>
	
	
	
	
	<div>
		<div style="position: relative; left: 10px; top: -10px;">
			<div class="page-header">
				<h3>市场活动列表</h3>
			</div>
		</div>
	</div>
	<div style="position: relative; top: -20px; left: 0px; width: 100%; height: 100%;">
		<div style="width: 100%; position: absolute;top: 5px; left: 10px;">
		
			<div class="btn-toolbar" role="toolbar" style="height: 80px;">
				<form class="form-inline" role="form" style="position: relative;top: 8%; left: 5px;">
				  
				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">名称</div>
				      <input class="form-control" type="text" id="search-name">
				    </div>
				  </div>
				  
				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">所有者</div>
				      <input class="form-control" type="text" id="search-owner">
				    </div>
				  </div>


				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">开始日期</div>
					  <input class="form-control time" readonly="readonly"  type="text" id="search-startDate" />
				    </div>
				  </div>
				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">结束日期</div>
					  <input class="form-control time" readonly="readonly" type="text" id="search-endDate">
				    </div>
				  </div>
				  
				  <button type="button" id="searchBtn" class="btn btn-default">查询</button>
				  
				</form>
			</div>
			<div class="btn-toolbar" role="toolbar" style="background-color: #F7F7F7; height: 50px; position: relative;top: 5px;">
				<div class="btn-group" style="position: relative; top: 18%;">
				  <button type="button" class="btn btn-primary" id="addBtn"><span class="glyphicon glyphicon-plus"></span> 创建</button>
				  <button type="button" class="btn btn-default" id="updateBtn"><span class="glyphicon glyphicon-pencil"></span> 修改</button>
				  <button type="button" class="btn btn-danger" id="deleteBtn"><span class="glyphicon glyphicon-minus"></span> 删除</button>
				</div>

				<div class="btn-group" style="position: relative; top: 18%;">
					<button type="button" id="uploadBtn">上传列表数据(导入)</button>
					<button type="button" id="exportActivityAllBtn">下载列表数据(批量导出)</button>
					<button type="button" id="exportActivityCheckedBtn">下载列表数据(选择导出)</button>
				</div>
				
			</div>
			<div style="position: relative;top: 10px;">
				<table class="table table-hover">
					<thead>
						<tr style="color: #B3B3B3;">
							<td><input type="checkbox" id="checkAll" /></td>
							<td>名称</td>
                            <td>所有者</td>
							<td>开始日期</td>
							<td>结束日期</td>
						</tr>
					</thead>
					<tbody id="activityBody">
<%--						<tr class="active">--%>
<%--							<td><input type="checkbox" /></td>--%>
<%--							<td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href='workbench/activity/detail.do';">发传单</a></td>--%>
<%--                            <td>zhangsan</td>--%>
<%--							<td>2020-10-10</td>--%>
<%--							<td>2020-10-20</td>--%>
<%--						</tr>--%>
<%--                        <tr class="active">--%>
<%--                            <td><input type="checkbox" /></td>--%>
<%--                            <td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href='workbench/activity/detail.do';">发传单</a></td>--%>
<%--                            <td>zhangsan</td>--%>
<%--                            <td>2020-10-10</td>--%>
<%--                            <td>2020-10-20</td>--%>
<%--                        </tr>--%>
					</tbody>
				</table>
                <div id="demo_page1"></div>
			</div>
			
<%--			<div style="height: 50px; position: relative;top: 30px;">--%>
<%--				<div id="activityPage">--%>
<%--				</div>--%>

<%--			</div>--%>

<%--			<div style="height: 50px; position: relative;top: 30px;">--%>
<%--				<div>--%>
<%--					<button type="button" class="btn btn-default" style="cursor: default;">共<b id="totalRows">50</b>条记录</button>--%>
<%--				</div>--%>
<%--				<div class="btn-group" style="position: relative;top: -34px; left: 110px;">--%>
<%--					<button type="button" class="btn btn-default" style="cursor: default;">显示</button>--%>
<%--					<div class="btn-group">--%>
<%--						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">--%>
<%--							10--%>
<%--							<span class="caret"></span>--%>
<%--						</button>--%>
<%--						<ul class="dropdown-menu" role="menu">--%>
<%--							<li><a href="#">20</a></li>--%>
<%--							<li><a href="#">30</a></li>--%>
<%--						</ul>--%>
<%--					</div>--%>
<%--					<button type="button" class="btn btn-default" style="cursor: default;">条/页</button>--%>
<%--				</div>--%>
<%--				<div style="position: relative;top: -88px; left: 285px;">--%>
<%--					<nav>--%>
<%--						<ul class="pagination">--%>
<%--							<li class="disabled"><a href="#">首页</a></li>--%>
<%--							<li class="disabled"><a href="#">上一页</a></li>--%>
<%--							<li class="active"><a href="#">1</a></li>--%>
<%--							<li><a href="#">2</a></li>--%>
<%--							<li><a href="#">3</a></li>--%>
<%--							<li><a href="#">4</a></li>--%>
<%--							<li><a href="#">5</a></li>--%>
<%--							<li><a href="#">下一页</a></li>--%>
<%--							<li class="disabled"><a href="#">末页</a></li>--%>
<%--						</ul>--%>
<%--					</nav>--%>
<%--				</div>--%>
<%--			</div>--%>
<%--		</div>--%>
		
<%--	</div>--%>
</body>
</html>